<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="html/css/base.css">
<link rel="stylesheet" href="html/css/home.css">
<link href="html/css/bootstrap.min.css" rel="stylesheet">
<link href="html/css/message.css" rel="stylesheet"/>
<link href="html/css/navEffect.css" rel="stylesheet"/>
<link rel="stylesheet" href="html/bootstrap-3.3.7-dist/css/bootstrap.css">
<link rel="stylesheet" href="html/bootstrap-3.3.7-dist/css/bootstrap.min.css">
<link href="html/css/login-register.css" rel="stylesheet" />
<link href="html/css/aboutus.css" rel="stylesheet" />
<title>聪明的一修</title>
</head>
<body>
	<div class="banner navbar-fixed-top">
	<!--信息推送-->
    <%
    	String showMessage = "欢迎访问SmartFix主页！";
    	if(request.getAttribute("showMessage")!=null)
    	showMessage = (String)request.getAttribute("showMessage");
    	String userName = "";
     %>
    <div id="show" class="showmessage">
        <h3><%=showMessage %></h3>
    </div>
    
		<div class="w effect" id="CA">
			<ul class="fr">
				<li ><div><a href="home.jsp"><strong>首页</strong><span class="glyphicon glyphicon-home"></span></a></div></li>
				<li><div><a href="repair.jsp"><strong>我要报修</strong><span class="glyphicon glyphicon-wrench"></span></a></div></li>
				<li><div><a href="reg_master.jsp"><strong>师傅注册</strong><span class="glyphicon glyphicon-edit"></span></a></div></li>
				<li><div><a href="#"><strong>服务站申请</strong><span class="glyphicon glyphicon-briefcase"></span></a></div></li>
				<%if(session.getAttribute("userName")!=null){userName = (String)session.getAttribute("userName");%>
				<li><div id="doLogin" ><a href="javascript:void(0)" onclick="openLoginModal();" data-toggle="popover" title="Example popover"data-trigger="hover"><span class="glyphicon glyphicon-user"></span><strong class="strong"><%=userName %></strong></a></div></li>
				<%}else{%>
				<li><div id="doLogin"><a href="javascript:void(0)" onclick="openLoginModal();"><strong>个人中心</strong><span class="glyphicon glyphicon-user"></span></a></div></li>
				<%}%>
				<li><div id="us" onclick="switchTo();"><a href="#"><strong>关于我们</strong><span class="glyphicon glyphicon-bookmark"></span></a></div></li>
			</ul>
		</div>
	</div>
	
	<div id="myCarousel" class="carousel slide ban" data-ride="carousel">
		<ol class="carousel-indicators">
		      <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
		      <li data-target="#myCarousel" data-slide-to="1"></li>
		      <li data-target="#myCarousel" data-slide-to="2"></li>
		</ol>
		<div class="inner carousel-inner">
			<div class="item active"><a href="#"><img src="html/image/banner-6.jpg" alt="First slide"></a></div>
			<div class="item"><a href="#"><img src="html/image/img_stage2.png" alt="First slide"></a></div>
			<div class="item"><a href="#"><img src="html/image/img_stage3.png" alt="First slide"></a></div>
		</div>
		<a class="z1" href="#myCarousel" data-slide="prev"></a>
		<a class="y1" href="#myCarousel" data-slide="next"></a>
	</div>
	
	<script>
	   
	</script>
	
	<div class="box w clearfix" id="rotate">
		<ul>
			<li><a href="repair.jsp"><img src="html/image/2.png" alt=""></a></li>
			<li><a href="#"><img src="html/image/3.png" alt=""></a></li>
			<li><a href="reg_master.jsp"><img src="html/image/5.png" alt=""></a></li>
			<li><a href="#" onclick="switchTo();"><img src="html/image/6.png" alt=""></a></li>
		</ul>
	</div>
	
	<div class="footer">
		<div class="tb clearfix">
			<div class="phone fl clearfix">
				<dt class="fl" style="margin-top: 20px;"><img src="html/image/db_dh.png" alt=""></dt>
				<div class="fl" style="margin-left: 20px;">
					<span style=" font-size: 32px; margin-bottom: 10px;">156-2570-3026</span>
					<span>服务时间：上午8:00-晚上22:00</span>
				</div>
			</div>
			<div class="banc fl">
				<ul>
					<li><a href="home.jsp">首页</a></li>
					<li><a href="repair.jsp">我要报修</a></li>
					<li><a href="reg_master.jsp">师傅注册</a></li>
				</ul>
			</div>
			<div class="banc fl">
				<ul>
					<li><a href="#">个人中心</a></li>
					<li><a href="#">服务站申请</a></li>
					<li><a onclick="switchTo();" href="#">关于我们</a></li>
				</ul>
			</div>
			<div class="erwei">
				<img src="html/image/er.png" alt="">
			</div>
		</div>
		<div class="bb">
			Copyright © 2015-2017,www.Alxiu.com,All rights reserved 版权所有 © 聪明的一修-互联网家维修服务平台   粤ICP备15107999号-1
		</div>
	</div>

        <!--  登录模块  -->
        <div class="modal fade login" id="loginModal">
            <div class="modal-dialog login animated">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                        <h4 class="modal-title">登录</h4>
                    </div>
                    <div class="modal-body">
                        <div class="box">
                            <div class="content">
                                <div class="social">
                                   <!--  SmartFix Icon -->
                                    <div>
                                        <img src="html/image/Icon.jpg" style="width: 85%;height: 210px;margin: 0px auto;background: #CCCCCC">
                                    </div>
                                </div>
                                <div class="division">
                                    <div class="line l"></div>
                                    <span>Hi</span>
                                    <div class="line r"></div>
                                </div>

                                <div class="error"></div>
                                <div class="form loginBox">
                                    <form method="post" accept-charset="UTF-8" name="loginform">
                                        <input id="account" class="form-control" type="text" placeholder="账户" name="mst_Account" onblur="validatedAccount(this)">
                                        <input id="password" class="form-control" type="password" placeholder="密码" name="mst_Password" onblur="validatedPasswd(this)">
                                        <input class="btn btn-default btn-login" type="button" value="Login" onclick="loginAjax('login!doLoginAction');">
                                    </form>
                                </div>
                            </div>
                        </div>

                    </div>
                    <div class="modal-footer">
                        <div class="forgot login-footer">
                            <span>是否需要
                                 <a href="reg_master.jsp">创建一个新账户</a>
                            ?</span>
                        </div>
                        </div>
                    </div>
                </div>
            </div>
            
	<div class="db">
		Powered by PageAdmin CMS
	</div>
	
	<!--此处为“关于我们”页面-->
    <div id="aboutus">
        <!--此处为背景图片-->
        <img src="html/image/wizard-city.jpg" style="width: 100%;height: 100%;"/>
        <div id="centerbox">
                <div id="head" class="header">
                    <a id="a" onclick="switchTo();" href="javascript:void(0)" id="target">
                        <h1><strong>BACK TO HOMEPAGE</strong></h1>
                    </a>
                </div>
            <div class="LeftOrRight"><img src="html/image/KeChuang.jpg"/></div>
            <div class="LeftOrRight">
                <h2>History</h2>
                <p><small><strong style="font-size: 22px">SmartFix</strong>是一个以水电维修为切入点的O2O服务平台。用户通过网站、小程序进行下单，
                    而后将有工作人员上门进行服务。服务内容包括水电线路、家用电器、线路维修等相关服务。
                    聪明一修致力于让所有的维修问题变得简单！
                    聪明一修创造了一个O2O服务平台。
                    厂家直接供货，价格便宜了；
                    收费透明，客户放心了；
                    使得维修工得到解放！
                </small></p>
                <p><small>
                    解决刚需：对用户而言入户维修是刚性需求，对维修人员而言，急需品牌背书+标准化，对社区、厂家而言，硬件安装+维修亟待解决。
                    统一标准：技能统一、流程统一、价格统一、配件统一，通过统一标准，从而对整个维修行业树立行业标准淘汰不达标的维修人员。
                    规模扩张：聪明一修管理制度和市场推广方式。
                    无限遐想：技能蓝领是当代工匠精神的源头，利用共享经济的模型，聪明一修势必创造出极其丰富的业务扩张蓝图,建立最全的城市房屋数据仓库,
                    创造更多就业机会 和更加优质的服务体验。
                </small></p>
            </div>
        </div>
    </div>
	<script type="text/javascript" src="html/js/jquery-3.1.1.js"></script>
   	<script src="html/js/bootstrap.min.js" type="text/javascript"></script>
   	<script src="html/js/nav.js" type="text/javascript"></script>
   	<script src="html/js/message.js" type="text/javascript"></script>
   	<script src="html/js/login-register.js" type="text/javascript"></script>
   	<script src="html/js/login-register.js" type="text/javascript"></script>
   	<script src="html/js/aboutus.js" type="text/javascript"></script>
</body>
<script type="text/javascript">
	/*  此处为消息提示框js调用  */
	/*此处为div透明化  */
	$(document).ready(function(){
			var Timer = null;
            setTimeout(function(){
                $("#show").fadeToggle(3000);
            },2000);
    });
    
    /* 此处为轮播图片js调用 */
    $(function(){
           $(".start-slide").click(function(){
               $("#myCarousel").carousel('start');
           });
           $(".start-slide").click(function(){
               $("#myCarousel").carousel('cycle');
           });
	      });
	 /* 此处为导航栏js调用  */
	window.onload = function(){
        var oDiv_nav = document.getElementById("CA");
        var oDiv_li = oDiv_nav.getElementsByTagName("li");
        navshow(oDiv_li);
        /* 此处为div向上隐藏  */
        messageMove(document.getElementById("show"),-60);
    }
</script>
</html>